<template>
  <div class="viewRow">
    <div class="ActivityColume">
      <Icon :icon="property.iconActivity" :size="24" />
      <span class="iconText">活动</span>
    </div>
    <div class="BundleColume">
      <Icon :icon="property.iconBundle" :size="24" />
      <span class="iconText">套餐</span>
    </div>
    <div class="SettingColume">
      <Icon :icon="property.iconSetting" :size="24" />
      <span class="iconText">设置</span>
    </div>
    <div class="DashboardColume">
      <span class="iconText"> </span>
    </div>
  </div>
</template>
<script setup lang="ts">
import { StoreManagerProperty } from './config'

/** 用户资产 */
defineOptions({ name: 'StoreManager' })
// 定义属性
defineProps<{ property: StoreManagerProperty }>()
</script>

<style scoped lang="scss">
.viewRow {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  margin: 5% 5%;
  div{
    font-size: 12px;
    display: flex;
    align-items: bottom;
    justify-items: center;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    .iconText {
      font-size: 12 px;
    }
  }
}
</style>